<template>
  <div>
    <DocHeader :title="data.title" />
    <div class="docMain">
      <div>尊敬的患者：</div>
      <div class="textIndent2">
        您好!医务人员与患者的充分沟通和互信，有助于我们共同战胜疾病。通过您对我院住院事项的了解,期待与您携手营造一个健康和谐的医疗环境。
      </div>
      <div class="textIndent2">感谢您选择到我院就诊!</div>
      <div class="bold title">一、医院简介</div>
      <div><span class="bold">医院的宗旨：</span>传承中医国粹,服务百姓健康</div>
      <div><span class="bold">医院的核心价值观：</span>诚信 感恩 务实 奉献</div>
      <div>
        <span class="bold">医院的使命：</span
        >为患者，提供优越高效的医疗服务，关注健康,珍惜生命:为职工，创造学习和发展空间，医院与职工共同成长;为社会，奉献爱心，服务大众，提高社会医疗服务水平。
      </div>
      <div>
        <span class="bold">医院的服务理念：</span
        >仁心仁德,精诚敬业,将心比心,推己及人。
      </div>
      <div>
        <span class="bold">医院的愿景：</span
        >全力打造特色鲜明、百姓首选、员工自豪、社会满意的中医医院。
      </div>
      <div class="bold title">二、在我院就诊中您享有的权利与义务</div>
      <div class="flexBox">
        <div style="width: 50%; padding-right: 10px">
          <div class="bold center">权利</div>
          <div>1.有权接受治疗,不因性别、年龄、国籍、宗教或社会地位而受歧视</div>
          <div>2.有权在安全及隐私的医疗环境接受诊疗</div>
          <div>
            3.有权获得院内或院外其他专业人士的建议并参与治疗方案制定,决定选择的治疗方式
          </div>
          <div>4.有权询间并得知关于病情诊断、检查结果、预后和卫教信息等</div>
          <div>5.复印病历、取得医疗费用明细清单</div>
          <div>
            6.有权表达减轻病疼、拒绝或终止治疗计划,决定病危时是否进行心肺复苏
          </div>
          <div>7.对医院有任何抱怨或建议,有权向医院提出申诉并得到回应</div>
        </div>
        <div style="width: 50%; padding-left: 10px">
          <div class="bold center">义务</div>
          <div>1.主动、正确告知自己的健康状况、既往史,过敏史和传染病史等</div>
          <div>2.参与决定治疗方案,共同签署知情同意书</div>
          <div>3.配合医务人员为您安施的各项诊疗活动</div>
          <div>
            4.遵守医院工作制度和流程:支付应自行负担的费用;不要求医师提供不实的资料或诊断证明
          </div>
          <div>
            5.我院承担教学和科研任务，为提升医学教育水平、培养更多优秀的医务人员,恳请您惠予配合
          </div>
        </div>
      </div>
      <div class="bold title">三、投诉渠道</div>
      <table class="myTable" border="1" cellspacing="0">
        <tr>
          <th>投诉内容</th>
          <th>分管部门</th>
          <th>地点</th>
          <th>接待电话</th>
          <th>接待时间</th>
        </tr>
        <tr>
          <td>门诊服务</td>
          <td>门诊办公室</td>
          <td>门诊二楼</td>
          <td>88598617</td>
          <td rowspan="6">工作日<br />（周一至周五）</td>
        </tr>
        <tr>
          <td>医疗质量服务</td>
          <td>医务科</td>
          <td>行政四楼</td>
          <td>88586009</td>
        </tr>
        <tr>
          <td>物价</td>
          <td>财务科</td>
          <td>行政四楼</td>
          <td>88586013</td>
        </tr>
        <tr>
          <td>护理质量</td>
          <td>护理部</td>
          <td>行政四楼</td>
          <td>88586010</td>
        </tr>
        <tr>
          <td>商业贿赂</td>
          <td>监察室</td>
          <td>行政五楼</td>
          <td>88586012</td>
        </tr>
        <tr>
          <td>行业作风<br />或者其他投诉内容</td>
          <td>办公室</td>
          <td>行政五楼</td>
          <td>88586008</td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

import DocHeader from '../DocHeader.vue'

export default defineComponent({
  components: {
    DocHeader
  },
  props: {
    data: {
      type: Object,
      default: () => ({})
    }
  },
  setup() {
    return {}
  }
})
</script>

<style lang="scss" scoped>
.docMain {
  line-height: 1.6em;
  margin-top: 10px;

  .title {
    padding: 20px 0 10px;
  }

  .myTable {
    width: 100%;
    border-collapse: collapse;

    td,
    th {
      text-align: center;
      line-height: normal;
      padding: 10px 0;
    }
  }
}

.textIndent2 {
  text-indent: 2em;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

.flexBox {
  display: flex;
}
</style>
